<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/verify_login.js"></script>

<link rel="stylesheet" type="text/css" href="css/style.css" />
<form action="?" method="post" id="login_form" name="login_form">
    <div id="login_form_cont">
        <div style="float:left">
            <div style="padding-bottom: 0.4em; padding-top: 0.1em;">
                <label for="username">Username:</label>
            </div>
            <div>
                <label for="password">Password:</label>
            </div>
        </div>
        <div>
            <input type="text" id="username" name="username" /><br/>
            <input type="text" id="password" name="password" />
        </div>
        <input type="submit" value="Conferma" id="login_validation" name="login_validation" />
    </div>
</form>

<div id="chat_cont" style="visibility: hidden">
    <header>
        Ciato!!!
    </header>
    <aside id="rooms">
        <!-- Contenuto -->
    </aside>
    <section>
        <!-- Contenuto -->
    </section>
    <aside id="users">
        <!-- Contenuto -->
    </aside>
    <footer>
        <!-- Contenuto -->
    </footer>
</div>